{extends file="../acp.html"}

{block name="title"}{$head_title}{/block}
{block name="content"}
<div class="t-n-s-top">
    <div class="tables-searchbox">
        <form method="post">
            <div class="mgt10">
                <span class="tbs-txt">添加时间：</span>
                <input type="text" autocomplete="off" class="Wdate" name="start_date" value="{$start_date|date_format:'%Y-%m-%d'}"  onclick="WdatePicker()">
                <span class="tbs-txt">至</span>
                <input type="text" autocomplete="off" class="Wdate" name="end_date" value="{$end_date|date_format:'%Y-%m-%d'}"  onclick="WdatePicker()">
                <input type="hidden" name="act" value="search">
                <button type="submit" class="btn"><i class="gicon-search"></i>搜索</button>
            </div>

        </form>
    </div>

    <div class="t-month-chart" id="container">
    </div>
</div>
{/block}

{block name="js"}
<script type="text/javascript" src="/Public/Plugins/Highcharts/highcharts.js?version={$version}"></script>
<script src="/Public/Plugins/My97DatePicker/WdatePicker.js?version={$version}"></script>

<script>
    var station_rate = parseFloat({$station_rate});
    var area_rate = parseFloat({$area_rate});

</script>


{literal}
<script type="text/javascript">
    $(function () {
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: '去化率统计'
            },
            subtitle: {
                //text: '数据来源: WorldClimate.com'
            },
            xAxis: {
                categories: ['众创空间去化率','园区面积去化率'],
                crosshair: true
            },
            yAxis: {
                min: 0,
                title: {
                    text: '百分比 '
                }
            },
            tooltip: {
                headerFormat: '<span style="font-size:10px"></span><table>',
                pointFormat: '' +
                '<td style="padding:0;font-size: 10px;"><b>百分比:{point.y}%</b></td></tr>',
                footerFormat: '</table>',
                shared: false,
                useHTML: true
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
            series: [{
                name: '众创空间去化率',
                color: 'rgba(165,170,217,1)',
                data: [station_rate,0]
            },{
                name: '园区面积去化率',
                color: 'rgba(248,161,63,1)',
                data: [0,area_rate]
            }]
        });
    });

</script>
{/literal}
{/block}

{block name="css"}
<link rel="stylesheet" href="/Public/Css/acp/AcpOrder/order_num_stat.css" type="text/css" />
{/block} 
